body {
  background-color: #f0f0f0;
}
.banner {
  width: 100vw;
  height: 42.66667vw;
}
.banner img {
  width: 100vw;
  height: inherit;
}
.activity .activity-head {
  height: 10.66667vw;
  padding-left: 4vw;
  font-size: 3.73333vw;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.activity .activity-body .activity-item {
  height: 66.66667vw;
  margin-bottom: 2.66667vw;
  position: relative;
  background-color: #fff;
}
.activity .activity-body .activity-item:active .activity-item-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
}
.activity .activity-body .activity-item .activity-item-state {
  z-index: 1;
  width: 18.13333vw;
  height: 7.73333vw;
  background-image: url(../images/status_active.png);
  background-size: 18.13333vw auto;
  font-size: 3.2vw;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 4vw;
  top: -1.06667vw;
}
.activity .activity-body .activity-item .activity-item-state-abort {
  background-image: url(../images/status_default.png);
}
.activity .activity-body .activity-item .activity-item-collect {
  position: absolute;
  right: 4.8vw;
  top: 4vw;
  border-radius: 50%;
}
.activity .activity-body .activity-item .activity-item-collect i {
  font-size: 8vw;
}
.activity .activity-body .activity-item .activity-item-img {
  width: 100vw;
  height: 42.66667vw;
}
.activity .activity-body .activity-item .activity-item-detail {
  font-size: 4vw;
  display: flex;
  justify-content: space-between;
  padding: 2.66667vw 4vw;
}
.activity .activity-body .activity-item .activity-item-detail h3 {
  font-weight: normal;
  flex: 1;
}
.activity .activity-body .activity-item .activity-item-detail span {
  color: #fe6249;
  margin-left: 8vw;
}
.activity .activity-body .activity-item .activity-item-info {
  color: #b4b4b4;
  font-size: 2.93333vw;
  padding: 1.33333vw 4vw;
}
.activity .activity-body .activity-item .activity-item-info span {
  margin-right: 4vw;
}
body {
  padding-bottom: calc(13.33333vw + env(safe-area-inset-bottom));
}
.tabBar {
  width: 100vw;
  height: 13.33333vw;
  background-color: #feca49;
  position: fixed;
  left: 0;
  bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: content-box;
  display: flex;
}
.tabBar .tabBar-item {
  color: #d78b09;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tabBar .tabBar-item i {
  font-size: 6.4vw;
}
.tabBar .tabBar-item span {
  font-size: 2.93333vw;
  margin-top: 1.33333vw;
}
.tabBar .tabBar-item-active {
  color: #fff;
}
